//基于地区选择的jquery 包装集的插件选择
(function($){
	$.fn.setPlace = function(option){
		var opts = $.extend({
			longitude: "#longitude",    		//设置地标经度
			latitude: "#latitude", 				//设置地标纬度
			place_name: "#place_name",			//设置地标(乡镇)名称
			set_place: "#set_place", 			//地标的点击按钮
			homeaddress: '#homeaddress',   	    //选择那个县级市下面的居住地
			place_url: ''   	    			//地标地图url
		}, option || {}); //合并内容
		//直接指向this
		var othis = this;
		var longitude = '';
		var latitude = '';
		var place_name = '';
		var placesign = true;//标记防止重复多次点击

		//设置地标
		othis.find(opts.set_place).click(function(){
			if(placesign){
				$.post('/common/place?pid=' + $(opts.homeaddress).val(), {'_token': _token}, function(data){
					if(data.length > 0){
						//显示已经设置的地标
						showPlace(data);
						placesign = true;
					}else{
						//地标没设置 直接显示地图
						showMap();
						placesign = true;
					}
				});
			}
			placesign = false;
		});

		//显示地标模式
		function showPlace(data){
			var str = '';
			str += '<div class="placeInfo"><div class="placeCon" id="placeCon">';
			str += '<ul>';
			$.each(data, function(k, v){
				str += '<li><a data-long="' + v.longitude + '" data-lat="' + v.latitude + '">' + v.name + '</a></li>';
			});
			str += '</ul>';
			str += '<div class="smap">';
			str += '<span class="landmark">切换到地图模式,可精准设置</span >';
			str += '<span class="mapMode"><a>切换地图模式</a></span>';
			str += '</div></div>';
			str += '<div class="placeButton">';
			str += '<p><span class="confirm" id="confirm"><a>确认</a></span>';
			str += '<span class="confirm cancel" id="cancel"><a>取消</a></span></p>';
			str += '</div></div>';

			layer.open({
				type: 1,
				title: "设置地标",
				move: false,
				skin: 'layui-layer-rim', //加上边框
				area: '600px',
				content: str
			});
			//选择地标事件
			$('.placeInfo ul').find('li a').click(function(){
				$(this).parent('li').addClass('active').siblings().removeClass('active');
				longitude = $(this).attr('data-long');
				latitude = $(this).attr('data-lat');
				place_name = $(this).html();
			});

			//确认事件
			$('.placeInfo .placeButton').find('#confirm a').click(function(){
				$(opts.longitude).val(longitude);
				$(opts.latitude).val(latitude);
				$(opts.place_name).val(place_name);
				if(place_name == ''){
					$(opts.set_place).html('附近好工作,快速被发现');
				}else{
					$(opts.set_place).html(place_name);
				}
				layer.closeAll();
			});
			//取消事件
			$('.placeInfo .placeButton').find('#cancel a').click(function(){
				layer.closeAll();
			});
			//切换地图模式
			$('.placeInfo .mapMode').find('a').click(function(){
				layer.closeAll();
				showMap();
			});
		}

		/**
		 * 显示地图设置
		 */
		function showMap(){
			layer.open({
				type: 1,
				title: "设置地标",
				move: false,
				skin: 'layui-layer-rim', //加上边框
				area: '970px',
				content: '<div class="placeMap" >' +
				'<div>' +
				'<iframe id="showmap" name="showmap" width="940" height="480" marginwidth="0" marginheight="0"	frameborder="0" scrolling="no" src="' + opts.place_url + '"></iframe>' +
				'</div>' +
				'</div>'
			});
		}
	}
})(jQuery);